<!DOCTYPE html>
<html lang="en">
<head>
    <title>患者就诊记录表</title>
    <meta name="renderer" content="webkit" >
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <base href="<%=url%>">
    <script src="https://lib.baomitu.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://lib.baomitu.com/layui/2.6.5/layui.min.js"></script>
    <link href="https://lib.baomitu.com/layui/2.6.5/css/layui.min.css" rel="stylesheet">
</head>
<style type="text/css">
    #input-limit{
        height: 30px;
        background-color: #1e9fff;
        color: whitesmoke;
        width: 60px;
        border:1px #1e9fff;
        border-radius: 4px;
    }

    #input-limit:hover{
        background-color:#bbdaff;
    }
    /*.layui-layer{*/
    /*top: 100px !important;*/
    /*}*/
</style>
</head>
<body>
<!-- 药品弹出层 -->
<div id="add-layer" style="display: none;padding: 20px;height: 400px">
    <blockquote class="layui-elem-quote">药品详情</blockquote>
    <table id="tb2" lay-filter="tb2"></table>
</div>

<!-- 体检办理弹出层 -->
<div id="exid-layer" style="display: none;padding: 20px;height: 400px">
    <form id="add-form" class="layui-form layui-form-pane">

        <div class="layui-form-item">
            <label class="layui-form-label">体检时间</label>
            <div class="layui-input-block">
                <label>
                    <input type="text" id="edate" class="layui-input" lay-verify="required" readonly="readonly">
                </label>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label" >血尿常规</label>
            <div class="layui-input-block">
                <label>
                    <input type="text"  id="urine" class="layui-input" lay-verify="required" autocomplete="off" readonly="readonly">
                </label>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">肝肾功能</label>
            <div class="layui-input-block">
                <label>
                    <input type="text" id="function" class="layui-input" lay-verify="required" readonly="readonly">
                </label>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">血压</label>
            <div class="layui-input-block">
                <label>
                    <input type="text" id="eblood" class="layui-input" lay-verify="required" readonly="readonly">
                </label>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">体温</label>
            <div class="layui-input-block">
                <label>
                    <input type="text"  id="eschedule" class="layui-input" lay-verify="required">
                </label>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">心率</label>
            <div class="layui-input-block">
                <label>
                    <input type="text"  id="eheartrate" class="layui-input" lay-verify="required">
                </label>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">备注</label>
            <div class="layui-input-block">
                <label>
                    <input type="text"  id="other" class="layui-input" lay-verify="required">
                </label>
            </div>
        </div>
    </form>
</div>



<div class="layui-main">
    <!-- 表格上方标题 -->
    <blockquote class="layui-elem-quote">预约列表</blockquote>
    <!--<div style="padding-left: 50px">-->
        <!--&lt;!&ndash;<a style="margin-left: 50px"><span style="font-size: 18px;margin-right: 10px">ID查询:</span><input type="text" placeholder="请输入ID" id="input-uid" style="height: 30px"></a>&ndash;&gt;-->
        <!--<a style="margin-left: 50px"><span style="font-size: 18px;margin-right: 10px">姓名查询:</span><input type="DATE" placeholder="请输入姓名" id="input-uname" style="height: 30px"></a>-->
        <!--<button   id="input-limit">搜索</button>-->
    <!--</div>-->
    <hr/>
    <!-- 学生信息表 -->
    <table id="tbl" lay-filter="tbl"></table>
    <script type="text/html" id="tbl-toolbar">
        <a class="layui-btn layui-btn-xs" lay-event="edit">体检信息</a>
        <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del" >药品详情</a>
    </script>
</div>

<script>
    //设置时间格式
    function myDateFomat(t){
        var date=new Date(t);
        var y=date.getFullYear();
        var m=(date.getMonth()+1).toString().padStart(2,"0");
        var d=date.getDate().toString().padStart(2,"0");
        return y+"-"+m+"-"+d;
    }


    layui.use(['jquery', 'table', 'layer', 'form'], function () {
        var $ = layui.$;
        var table = layui.table;
        var layer = layui.layer;
        var form = layui.form;
        table.render({
            elem: '#tbl',
            url: '/diagnose/queryAllHz',
            method: 'get',
            //无数据的时候显示的提示信息
            text:{
                none:'当前暂无预约患者'
            },
            initSort: { //排序
                field: 'visitdate' //排序字段，对应 cols 设定的各字段名
                , type: 'asc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
            },
            cols: [[
                // {field: 'id', title: 'ID'},
                {field: 'diaid', title: '病单编号'},
                {field: 'uname', title: '患者姓名',},
                {field: 'name', title: '诊治医生',},
                {field: 'exid', title: '体检'},
                {field: 'treatment_time', title: '就诊时间',templet: "<div>{{layui.util.toDateString(d.treatment_time, 'yyyy-MM-dd')}}</div>", width: 130},
                {field: 'description', title: '病情表述'},
                {field: 'initial_diagnosis', title: '医生诊断',},
                {field: 'family_history', title: '家族史'},
                {field: 'personal_history', title: '个人史'},
                {field: 'instructions', title: '医嘱'},
                {field: 'state', title: '住院情况'},
                {field: 'note', title: '备注'},
                {toolbar: '#tbl-toolbar', title: '操作', width: 200}
            ]],
            page: {
                limit: 5,//指定每页显示的条数
                limits: [5, 10, 20, 40, 50, 60, 80, 100]//每页条数的选中
            }//开启分页

            , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                var result;
                if (this.page.curr) {
                    result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
                } else {
                    result = res.data.slice(0, this.limit);
                }
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": result //解析数据列表
                };
            },
            done: function(res, curr, count){
                //如果是异步请求数据方式，res即为你接口返回的信息。
                //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                //console.log(res);
                //得到当前页码
                //console.log(curr);
                //得到数据总量
                //console.log(count);
                $(".layui-table-box").find("[data-field='id']").css("display","none");
                $("[data-field='state']").children().each(function(){
                    if($(this).text()=='0'){
                        $(this).text("未住院");
                    }else if($(this).text()=='1'){
                        $(this).text("住院");
                    }
                });
                var i=0;
                $("[data-field='exid']").children().each(function(){
                    if(i==1){
                        if($(this).text()!=''){
                            $(this).text("已体检").css("color","green");
                        }else if($(this).text()=='' ){
                            $(this).text("未体检").css("color","red");
                        }
                        return true;
                    }
                    i++;
                });
                pageCurr=curr;
            },
            // 表格容器id，用于表格重载
            id: 'tbl'
        });

        var AddIndex;
        table.on('tool(tbl)', function (obj) {
            // 获取当前行数据和lay-event的值
            var data = obj.data;
            var event = obj.event;
            // 删除事件
            if (event === 'del') {
                AddIndex= layer.open({
                    type: 1,
                    title: '药品详情',
                    skin: 'layui-layer-molv',
                    area: ['500px'],
                    content: $('#add-layer'),
                });
                // 藥品詳情、
                var diaid=data.diaid;
                var time=data.treatment_time;
                var a=myDateFomat(time);
                table.render({
                    elem: '#tb2',
                    url: '/diagnose/prelist?diaid='+diaid+'&time='+a,
                    method: 'get',
                    //无数据的时候显示的提示信息
                    text:{
                        none:'该患者未开药'
                    },
                    initSort: { //排序
                        field: 'yptime' //排序字段，对应 cols 设定的各字段名
                        , type: 'asc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
                    },
                    cols: [[
                        {field: 'ypname', title: '药品名称'},
                        {field: 'ypnum', title: '药品数量',},
                        {field: 'take', title: '服用方法',},
                        {field: 'yptime', title: '开药时间',templet: "<div>{{layui.util.toDateString(d.yptime, 'yyyy-MM-dd')}}</div>", width: 130},
                        {field: 'state', title: '状态',},
                    ]],
                    page: {
                        limit: 5,//指定每页显示的条数
                        limits: [5, 10, 20, 40, 50, 60, 80, 100]//每页条数的选中
                    }//开启分页

                    , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                        var result;
                        if (this.page.curr) {
                            result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
                        } else {
                            result = res.data.slice(0, this.limit);
                        }
                        return {
                            "code": res.code, //解析接口状态
                            "msg": res.msg, //解析提示文本
                            "count": res.count, //解析数据长度
                            "data": result //解析数据列表
                        };
                    },
                    done: function(res, curr, count){
                        //如果是异步请求数据方式，res即为你接口返回的信息。
                        //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
                        //console.log(res);
                        //得到当前页码
                        //console.log(curr);
                        //得到数据总量
                        //console.log(count);
                        $(".layui-table-box").find("[data-field='id']").css("display","none");
                        $("[data-field='state']").children().each(function(){
                            if($(this).text()=='0'){
                                $(this).text("未取药").css("color","red");
                            }else if($(this).text()=='1'){
                                $(this).text("已取药").css("color","green");
                            }
                        });
                        pageCurr=curr;
                    },

                    // 表格容器id，用于表格重载
                    id: 'tb2'
                });
            };
            if (event === 'edit') {
                var exid=data.exid;
                if(exid==undefined){
                    layer.open({
                        title:'错误提示'
                        ,content:'该患者没有体检'
                        ,icon:2

                    })
                }else {
                    $.get("/diagnose/exid",{id:exid},function (data) {
                        if(data==null||data==''){
                            layer.open({
                                title:'错误提示'
                                ,content:'未查询到该患者的体检信息'
                                ,icon:2
                            })
                            return false;
                        }else {
                            layer.open({
                                type: 1,
                                title: '体检信息',
                                skin: 'layui-layer-molv',
                                area: ['500px'],
                                content: $('#exid-layer'),
                            });
                            $("#edate").val(myDateFomat(data.edate));
                            $("#urine").val(data.urine);
                            $("#function").val(data.function);
                            $("#eblood").val(data.eblood);
                            $("#eschedule").val(data.eschedule);
                            $("#eheartrate").val(data.eheartrate);
                            $("#other").val(data.other);}
                        return false;
                    })
                }
            }
        });
        // $("#input-limit").click(function () {
        //     // var data = obj.data;
        //     // var visid = $("#input-uid").val();
        //     var uname = $("#input-uname").val();
        //     console.log(uname+"<=====<")
        //     table.render({
        //         elem: '#tbl',
        //         url: '/diagnose/queryHZMH?ttime='+uname,
        //         method: 'get',
        //         //无数据的时候显示的提示信息
        //         text:{
        //             none:'当前暂无预约患者'
        //         },
        //         initSort: { //排序
        //             field: 'treatment_time' //排序字段，对应 cols 设定的各字段名
        //             , type: 'asc' //排序方式  asc: 升序、desc: 降序、null: 默认排序
        //         },
        //         cols: [[
        //             // {field: 'id', title: 'ID'},
        //             {field: 'diaid', title: '病单编号'},
        //             {field: 'uname', title: '患者姓名',},
        //             {field: 'name', title: '诊治医生',},
        //             {field: 'exid', title: '体检'},
        //             {field: 'treatment_time', title: '就诊时间',templet: "<div>{{layui.util.toDateString(d.treatment_time, 'yyyy-MM-dd')}}</div>", width: 130},
        //             {field: 'description', title: '病情表述'},
        //             {field: 'initial_diagnosis', title: '医生诊断',},
        //             {field: 'family_history', title: '家族史'},
        //             {field: 'personal_history', title: '个人史'},
        //             {field: 'instructions', title: '医嘱'},
        //             {field: 'state', title: '住院情况'},
        //             {field: 'note', title: '备注'},
        //             {toolbar: '#tbl-toolbar', title: '操作', width: 200}
        //         ]],
        //         page: {
        //             limit: 5,//指定每页显示的条数
        //             limits: [5, 10, 20, 40, 50, 60, 80, 100]//每页条数的选中
        //         }//开启分页
        //
        //         , parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
        //             var result;
        //             if (this.page.curr) {
        //                 result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
        //             } else {
        //                 result = res.data.slice(0, this.limit);
        //             }
        //             return {
        //                 "code": res.code, //解析接口状态
        //                 "msg": res.msg, //解析提示文本
        //                 "count": res.count, //解析数据长度
        //                 "data": result //解析数据列表
        //             };
        //         },
        //         done: function(res, curr, count){
        //             //如果是异步请求数据方式，res即为你接口返回的信息。
        //             //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
        //             //console.log(res);
        //             //得到当前页码
        //             //console.log(curr);
        //             //得到数据总量
        //             //console.log(count);
        //             $(".layui-table-box").find("[data-field='id']").css("display","none");
        //             $("[data-field='state']").children().each(function(){
        //                 if($(this).text()=='0'){
        //                     $(this).text("未住院");
        //                 }else if($(this).text()=='1'){
        //                     $(this).text("住院");
        //                 }
        //             });
        //             var i=0;
        //             $("[data-field='exid']").children().each(function(){
        //                 if(i==1){
        //                     if($(this).text()!=''){
        //                         $(this).text("已体检").css("color","green");
        //                     }else if($(this).text()=='' ){
        //                         $(this).text("未体检").css("color","red");
        //                     }
        //                     return true;
        //                 }
        //                 i++;
        //             });
        //             pageCurr=curr;
        //         },
        //         // 表格容器id，用于表格重载
        //         id: 'tbl'
        //     });
        // })
    })
</script>
</body>
</html>
